<template>
  <div class="search">
    <!-- 商品分类导航 -->
    <div class="typeNav">
      <div class="py-container">
        <div class="yui3-g NavList">
          <div class="all-sorts-list">
            <div class="yui3-u Left all-sort">
              <h4>全部商品分类</h4>
            </div>
            <div class="sort">
              <div class="all-sort-list2">
                <div class="item bo">
                  <h3><a href="">图书、音像、数字商品</a></h3>
                  <div class="item-list clearfix">
                    <div class="subitem">
                      <dl class="fore1">
                        <dt><a href="#">电子书</a></dt>
                        <dd>
                          <a href="#">免费</a><em><a href="">小说</a></em
                          ><a href="">励志与成功</a
                          ><em><a href="">婚恋/两性</a></em
                          ><em><a href="">文学</a></em
                          ><em><a href="">经管</a></em
                          ><em><a href="">畅读VIP</a></em>
                        </dd>
                      </dl>
                    </div>
                  </div>
                </div>
                <div class="item">
                  <h3><a href="">家用电器</a></h3>
                  <div class="item-list clearfix">
                    <div class="subitem">
                      <dl class="fore1">
                        <dt><a href="">电子书1</a></dt>
                        <dd>
                          <em><a href="">免费</a></em
                          ><em><a href="">小说</a></em
                          ><em><a href="">励志与成功</a></em
                          ><em><a href="">婚恋/两性</a></em
                          ><em><a href="">文学</a></em
                          ><em><a href="">经管</a></em
                          ><em><a href="">畅读VIP</a></em>
                        </dd>
                      </dl>
                      <dl class="fore2">
                        <dt><a href="">数字音乐</a></dt>
                        <dd>
                          <em><a href="">通俗流行</a></em
                          ><em><a href="">古典音乐</a></em
                          ><em><a href="">摇滚说唱</a></em
                          ><em><a href="">爵士蓝调</a></em
                          ><em><a href="">乡村民谣</a></em
                          ><em><a href="">有声读物</a></em>
                        </dd>
                      </dl>
                      <dl class="fore3">
                        <dt><a href="">音像</a></dt>
                        <dd>
                          <em><a href="">音乐</a></em
                          ><em><a href="">影视</a></em
                          ><em><a href="">教育音像</a></em
                          ><em><a href="">游戏</a></em>
                        </dd>
                      </dl>
                      <dl class="fore4">
                        <dt>文艺</dt>
                        <dd>
                          <em><a href="">小说</a></em
                          ><em><a href="">文学</a></em
                          ><em><a href="">青春文学</a></em
                          ><em><a href="">传记</a></em
                          ><em><a href="">艺术</a></em>
                        </dd>
                      </dl>
                      <dl class="fore5">
                        <dt>人文社科</dt>
                        <dd>
                          <em><a href="">历史</a></em
                          ><em><a href="">心理学</a></em
                          ><em><a href="">政治/军事</a></em
                          ><em><a href="">国学/古籍</a></em
                          ><em><a href="">哲学/宗教</a></em
                          ><em><a href="">社会科学</a></em>
                        </dd>
                      </dl>
                      <dl class="fore6">
                        <dt>经管励志</dt>
                        <dd>
                          <em><a href="">经济</a></em
                          ><em><a href="">金融与投资</a></em
                          ><em><a href="">管理</a></em
                          ><em><a href="">励志与成功</a></em>
                        </dd>
                      </dl>
                      <dl class="fore7">
                        <dt>生活</dt>
                        <dd>
                          <em><a href="">家庭与育儿</a></em
                          ><em><a href="">旅游/地图</a></em
                          ><em><a href="">烹饪/美食</a></em
                          ><em><a href="">时尚/美妆</a></em
                          ><em><a href="">家居</a></em
                          ><em><a href="">婚恋与两性</a></em
                          ><em><a href="">娱乐/休闲</a></em
                          ><em><a href="">健身与保健</a></em
                          ><em><a href="">动漫/幽默</a></em
                          ><em><a href="">体育/运动</a></em>
                        </dd>
                      </dl>
                      <dl class="fore8">
                        <dt>科技</dt>
                        <dd>
                          <em><a href="">科普</a></em
                          ><em><a href="">IT</a></em
                          ><em><a href="">建筑</a></em
                          ><em><a href="">医学</a></em
                          ><em><a href="">工业技术</a></em
                          ><em><a href="">电子/通信</a></em
                          ><em><a href="">农林</a></em
                          ><em><a href="">科学与自然</a></em>
                        </dd>
                      </dl>
                      <dl class="fore9">
                        <dt>少儿</dt>
                        <dd>
                          <em><a href="">少儿</a></em
                          ><em><a href="">0-2岁</a></em
                          ><em><a href="">3-6岁</a></em
                          ><em><a href="">7-10岁</a></em
                          ><em><a href="">11-14岁</a></em>
                        </dd>
                      </dl>
                    </div>
                  </div>
                </div>
                <div class="item">
                  <h3><a href="">手机、数码</a></h3>
                  <div class="item-list clearfix">
                    <div class="subitem">
                      <dl class="fore1">
                        <dt><a href="">电子书2</a></dt>
                        <dd>
                          <em><a href="">免费</a></em
                          ><em><a href="">小说</a></em
                          ><em><a href="">励志与成功</a></em
                          ><em><a href="">婚恋/两性</a></em
                          ><em><a href="">文学</a></em
                          ><em><a href="">经管</a></em
                          ><em><a href="">畅读VIP</a></em>
                        </dd>
                      </dl>
                      <dl class="fore2">
                        <dt><a href="">数字音乐</a></dt>
                        <dd>
                          <em><a href="">通俗流行</a></em
                          ><em><a href="">古典音乐</a></em
                          ><em><a href="">摇滚说唱</a></em
                          ><em><a href="">爵士蓝调</a></em
                          ><em><a href="">乡村民谣</a></em
                          ><em><a href="">有声读物</a></em>
                        </dd>
                      </dl>
                      <dl class="fore3">
                        <dt><a href="">音像</a></dt>
                        <dd>
                          <em><a href="">音乐</a></em
                          ><em><a href="">影视</a></em
                          ><em><a href="">教育音像</a></em
                          ><em><a href="">游戏</a></em>
                        </dd>
                      </dl>
                      <dl class="fore4">
                        <dt>文艺</dt>
                        <dd>
                          <em><a href="">小说</a></em
                          ><em><a href="">文学</a></em
                          ><em><a href="">青春文学</a></em
                          ><em><a href="">传记</a></em
                          ><em><a href="">艺术</a></em>
                        </dd>
                      </dl>
                      <dl class="fore5">
                        <dt>人文社科</dt>
                        <dd>
                          <em><a href="">历史</a></em
                          ><em><a href="">心理学</a></em
                          ><em><a href="">政治/军事</a></em
                          ><em><a href="">国学/古籍</a></em
                          ><em><a href="">哲学/宗教</a></em
                          ><em><a href="">社会科学</a></em>
                        </dd>
                      </dl>
                    </div>
                  </div>
                </div>
                <div class="item">
                  <h3><a href="">电脑、办公</a></h3>
                  <div class="item-list clearfix">
                    <div class="subitem">
                      <dl class="fore1">
                        <dt><a href="">电子书3</a></dt>
                        <dd>
                          <em><a href="">免费</a></em
                          ><em><a href="">小说</a></em
                          ><em><a href="">励志与成功</a></em
                          ><em><a href="">婚恋/两性</a></em
                          ><em><a href="">文学</a></em
                          ><em><a href="">经管</a></em
                          ><em><a href="">畅读VIP</a></em>
                        </dd>
                      </dl>
                      <dl class="fore2">
                        <dt><a href="">数字音乐</a></dt>
                        <dd>
                          <em><a href="">通俗流行</a></em
                          ><em><a href="">古典音乐</a></em
                          ><em><a href="">摇滚说唱</a></em
                          ><em><a href="">爵士蓝调</a></em
                          ><em><a href="">乡村民谣</a></em
                          ><em><a href="">有声读物</a></em>
                        </dd>
                      </dl>
                      <dl class="fore3">
                        <dt><a href="">音像</a></dt>
                        <dd>
                          <em><a href="">音乐</a></em
                          ><em><a href="">影视</a></em
                          ><em><a href="">教育音像</a></em
                          ><em><a href="">游戏</a></em>
                        </dd>
                      </dl>
                      <dl class="fore4">
                        <dt>文艺</dt>
                        <dd>
                          <em><a href="">小说</a></em
                          ><em><a href="">文学</a></em
                          ><em><a href="">青春文学</a></em
                          ><em><a href="">传记</a></em
                          ><em><a href="">艺术</a></em>
                        </dd>
                      </dl>
                      <dl class="fore5">
                        <dt>人文社科</dt>
                        <dd>
                          <em><a href="">历史</a></em
                          ><em><a href="">心理学</a></em
                          ><em><a href="">政治/军事</a></em
                          ><em><a href="">国学/古籍</a></em
                          ><em><a href="">哲学/宗教</a></em
                          ><em><a href="">社会科学</a></em>
                        </dd>
                      </dl>
                      <dl class="fore6">
                        <dt>经管励志</dt>
                        <dd>
                          <em><a href="">经济</a></em
                          ><em><a href="">金融与投资</a></em
                          ><em><a href="">管理</a></em
                          ><em><a href="">励志与成功</a></em>
                        </dd>
                      </dl>
                      <dl class="fore7">
                        <dt>生活</dt>
                        <dd>
                          <em><a href="">家庭与育儿</a></em
                          ><em><a href="">旅游/地图</a></em
                          ><em><a href="">烹饪/美食</a></em
                          ><em><a href="">时尚/美妆</a></em
                          ><em><a href="">家居</a></em
                          ><em><a href="">婚恋与两性</a></em
                          ><em><a href="">娱乐/休闲</a></em
                          ><em><a href="">健身与保健</a></em
                          ><em><a href="">动漫/幽默</a></em
                          ><em><a href="">体育/运动</a></em>
                        </dd>
                      </dl>
                      <dl class="fore8">
                        <dt>科技</dt>
                        <dd>
                          <em><a href="">科普</a></em
                          ><em><a href="">IT</a></em
                          ><em><a href="">建筑</a></em
                          ><em><a href="">医学</a></em
                          ><em><a href="">工业技术</a></em
                          ><em><a href="">电子/通信</a></em
                          ><em><a href="">农林</a></em
                          ><em><a href="">科学与自然</a></em>
                        </dd>
                      </dl>
                      <dl class="fore9">
                        <dt>少儿</dt>
                        <dd>
                          <em><a href="">少儿</a></em
                          ><em><a href="">0-2岁</a></em
                          ><em><a href="">3-6岁</a></em
                          ><em><a href="">7-10岁</a></em
                          ><em><a href="">11-14岁</a></em>
                        </dd>
                      </dl>
                      <dl class="fore10">
                        <dt>教育</dt>
                        <dd>
                          <em><a href="">教材教辅</a></em
                          ><em><a href="">考试</a></em
                          ><em><a href="">外语学习</a></em>
                        </dd>
                      </dl>
                      <dl class="fore11">
                        <dt>其它</dt>
                        <dd>
                          <em><a href="">英文原版书</a></em
                          ><em><a href="">港台图书</a></em
                          ><em><a href="">工具书</a></em
                          ><em><a href="">套装书</a></em
                          ><em><a href="">杂志/期刊</a></em>
                        </dd>
                      </dl>
                    </div>
                  </div>
                </div>
                <div class="item">
                  <h3><a href="">家居、家具、家装、厨具</a></h3>
                  <div class="item-list clearfix">
                    <div class="subitem">
                      <dl class="fore1">
                        <dt><a href="">电子书4</a></dt>
                        <dd>
                          <em><a href="">免费</a></em
                          ><em><a href="">小说</a></em
                          ><em><a href="">励志与成功</a></em
                          ><em><a href="">婚恋/两性</a></em
                          ><em><a href="">文学</a></em
                          ><em><a href="">经管</a></em
                          ><em><a href="">畅读VIP</a></em>
                        </dd>
                      </dl>
                      <dl class="fore2">
                        <dt><a href="">数字音乐</a></dt>
                        <dd>
                          <em><a href="">通俗流行</a></em
                          ><em><a href="">古典音乐</a></em
                          ><em><a href="">摇滚说唱</a></em
                          ><em><a href="">爵士蓝调</a></em
                          ><em><a href="">乡村民谣</a></em
                          ><em><a href="">有声读物</a></em>
                        </dd>
                      </dl>
                      <dl class="fore3">
                        <dt><a href="">音像</a></dt>
                        <dd>
                          <em><a href="">音乐</a></em
                          ><em><a href="">影视</a></em
                          ><em><a href="">教育音像</a></em
                          ><em><a href="">游戏</a></em>
                        </dd>
                      </dl>
                      <dl class="fore4">
                        <dt>文艺</dt>
                        <dd>
                          <em><a href="">小说</a></em
                          ><em><a href="">文学</a></em
                          ><em><a href="">青春文学</a></em
                          ><em><a href="">传记</a></em
                          ><em><a href="">艺术</a></em>
                        </dd>
                      </dl>
                      <dl class="fore5">
                        <dt>人文社科</dt>
                        <dd>
                          <em><a href="">历史</a></em
                          ><em><a href="">心理学</a></em
                          ><em><a href="">政治/军事</a></em
                          ><em><a href="">国学/古籍</a></em
                          ><em><a href="">哲学/宗教</a></em
                          ><em><a href="">社会科学</a></em>
                        </dd>
                      </dl>
                      <dl class="fore6">
                        <dt>经管励志</dt>
                        <dd>
                          <em><a href="">经济</a></em
                          ><em><a href="">金融与投资</a></em
                          ><em><a href="">管理</a></em
                          ><em><a href="">励志与成功</a></em>
                        </dd>
                      </dl>
                      <dl class="fore7">
                        <dt>生活</dt>
                        <dd>
                          <em><a href="">家庭与育儿</a></em
                          ><em><a href="">旅游/地图</a></em
                          ><em><a href="">烹饪/美食</a></em
                          ><em><a href="">时尚/美妆</a></em
                          ><em><a href="">家居</a></em
                          ><em><a href="">婚恋与两性</a></em
                          ><em><a href="">娱乐/休闲</a></em
                          ><em><a href="">健身与保健</a></em
                          ><em><a href="">动漫/幽默</a></em
                          ><em><a href="">体育/运动</a></em>
                        </dd>
                      </dl>
                      <dl class="fore8">
                        <dt>科技</dt>
                        <dd>
                          <em><a href="">科普</a></em
                          ><em><a href="">IT</a></em
                          ><em><a href="">建筑</a></em
                          ><em><a href="">医学</a></em
                          ><em><a href="">工业技术</a></em
                          ><em><a href="">电子/通信</a></em
                          ><em><a href="">农林</a></em
                          ><em><a href="">科学与自然</a></em>
                        </dd>
                      </dl>
                      <dl class="fore9">
                        <dt>少儿</dt>
                        <dd>
                          <em><a href="">少儿</a></em
                          ><em><a href="">0-2岁</a></em
                          ><em><a href="">3-6岁</a></em
                          ><em><a href="">7-10岁</a></em
                          ><em><a href="">11-14岁</a></em>
                        </dd>
                      </dl>
                    </div>
                  </div>
                </div>
                <div class="item">
                  <h3><a href="">服饰内衣</a></h3>
                  <div class="item-list clearfix">
                    <div class="subitem">
                      <dl class="fore1">
                        <dt><a href="">电子书5</a></dt>
                        <dd>
                          <em><a href="">免费</a></em
                          ><em><a href="">小说</a></em
                          ><em><a href="">励志与成功</a></em
                          ><em><a href="">婚恋/两性</a></em
                          ><em><a href="">文学</a></em
                          ><em><a href="">经管</a></em
                          ><em><a href="">畅读VIP</a></em>
                        </dd>
                      </dl>
                      <dl class="fore2">
                        <dt><a href="">数字音乐</a></dt>
                        <dd>
                          <em><a href="">通俗流行</a></em
                          ><em><a href="">古典音乐</a></em
                          ><em><a href="">摇滚说唱</a></em
                          ><em><a href="">爵士蓝调</a></em
                          ><em><a href="">乡村民谣</a></em
                          ><em><a href="">有声读物</a></em>
                        </dd>
                      </dl>
                      <dl class="fore3">
                        <dt><a href="">音像</a></dt>
                        <dd>
                          <em><a href="">音乐</a></em
                          ><em><a href="">影视</a></em
                          ><em><a href="">教育音像</a></em
                          ><em><a href="">游戏</a></em>
                        </dd>
                      </dl>
                      <dl class="fore4">
                        <dt>文艺</dt>
                        <dd>
                          <em><a href="">小说</a></em
                          ><em><a href="">文学</a></em
                          ><em><a href="">青春文学</a></em
                          ><em><a href="">传记</a></em
                          ><em><a href="">艺术</a></em>
                        </dd>
                      </dl>
                      <dl class="fore5">
                        <dt>人文社科</dt>
                        <dd>
                          <em><a href="">历史</a></em
                          ><em><a href="">心理学</a></em
                          ><em><a href="">政治/军事</a></em
                          ><em><a href="">国学/古籍</a></em
                          ><em><a href="">哲学/宗教</a></em
                          ><em><a href="">社会科学</a></em>
                        </dd>
                      </dl>
                      <dl class="fore6">
                        <dt>经管励志</dt>
                        <dd>
                          <em><a href="">经济</a></em
                          ><em><a href="">金融与投资</a></em
                          ><em><a href="">管理</a></em
                          ><em><a href="">励志与成功</a></em>
                        </dd>
                      </dl>
                      <dl class="fore7">
                        <dt>生活</dt>
                        <dd>
                          <em><a href="">家庭与育儿</a></em
                          ><em><a href="">旅游/地图</a></em
                          ><em><a href="">烹饪/美食</a></em
                          ><em><a href="">时尚/美妆</a></em
                          ><em><a href="">家居</a></em
                          ><em><a href="">婚恋与两性</a></em
                          ><em><a href="">娱乐/休闲</a></em
                          ><em><a href="">健身与保健</a></em
                          ><em><a href="">动漫/幽默</a></em
                          ><em><a href="">体育/运动</a></em>
                        </dd>
                      </dl>
                      <dl class="fore8">
                        <dt>科技</dt>
                        <dd>
                          <em><a href="">科普</a></em
                          ><em><a href="">IT</a></em
                          ><em><a href="">建筑</a></em
                          ><em><a href="">医学</a></em
                          ><em><a href="">工业技术</a></em
                          ><em><a href="">电子/通信</a></em
                          ><em><a href="">农林</a></em
                          ><em><a href="">科学与自然</a></em>
                        </dd>
                      </dl>
                    </div>
                  </div>
                </div>
                <div class="item">
                  <h3><a href="">个护化妆</a></h3>
                  <div class="item-list clearfix">
                    <div class="subitem">
                      <dl class="fore1">
                        <dt><a href="">电子书6</a></dt>
                        <dd>
                          <em><a href="">免费</a></em
                          ><em><a href="">小说</a></em
                          ><em><a href="">励志与成功</a></em
                          ><em><a href="">婚恋/两性</a></em
                          ><em><a href="">文学</a></em
                          ><em><a href="">经管</a></em
                          ><em><a href="">畅读VIP</a></em>
                        </dd>
                      </dl>
                      <dl class="fore2">
                        <dt><a href="">数字音乐</a></dt>
                        <dd>
                          <em><a href="">通俗流行</a></em
                          ><em><a href="">古典音乐</a></em
                          ><em><a href="">摇滚说唱</a></em
                          ><em><a href="">爵士蓝调</a></em
                          ><em><a href="">乡村民谣</a></em
                          ><em><a href="">有声读物</a></em>
                        </dd>
                      </dl>
                      <dl class="fore3">
                        <dt><a href="">音像</a></dt>
                        <dd>
                          <em><a href="">音乐</a></em
                          ><em><a href="">影视</a></em
                          ><em><a href="">教育音像</a></em
                          ><em><a href="">游戏</a></em>
                        </dd>
                      </dl>
                      <dl class="fore4">
                        <dt>文艺</dt>
                        <dd>
                          <em><a href="">小说</a></em
                          ><em><a href="">文学</a></em
                          ><em><a href="">青春文学</a></em
                          ><em><a href="">传记</a></em
                          ><em><a href="">艺术</a></em>
                        </dd>
                      </dl>
                      <dl class="fore5">
                        <dt>人文社科</dt>
                        <dd>
                          <em><a href="">历史</a></em
                          ><em><a href="">心理学</a></em
                          ><em><a href="">政治/军事</a></em
                          ><em><a href="">国学/古籍</a></em
                          ><em><a href="">哲学/宗教</a></em
                          ><em><a href="">社会科学</a></em>
                        </dd>
                      </dl>
                      <dl class="fore6">
                        <dt>经管励志</dt>
                        <dd>
                          <em><a href="">经济</a></em
                          ><em><a href="">金融与投资</a></em
                          ><em><a href="">管理</a></em
                          ><em><a href="">励志与成功</a></em>
                        </dd>
                      </dl>
                      <dl class="fore7">
                        <dt>生活</dt>
                        <dd>
                          <em><a href="">家庭与育儿</a></em
                          ><em><a href="">旅游/地图</a></em
                          ><em><a href="">烹饪/美食</a></em
                          ><em><a href="">时尚/美妆</a></em
                          ><em><a href="">家居</a></em
                          ><em><a href="">婚恋与两性</a></em
                          ><em><a href="">娱乐/休闲</a></em
                          ><em><a href="">健身与保健</a></em
                          ><em><a href="">动漫/幽默</a></em
                          ><em><a href="">体育/运动</a></em>
                        </dd>
                      </dl>
                      <dl class="fore8">
                        <dt>科技</dt>
                        <dd>
                          <em><a href="">科普</a></em
                          ><em><a href="">IT</a></em
                          ><em><a href="">建筑</a></em
                          ><em><a href="">医学</a></em
                          ><em><a href="">工业技术</a></em
                          ><em><a href="">电子/通信</a></em
                          ><em><a href="">农林</a></em
                          ><em><a href="">科学与自然</a></em>
                        </dd>
                      </dl>
                      <dl class="fore9">
                        <dt>少儿</dt>
                        <dd>
                          <em><a href="">少儿</a></em
                          ><em><a href="">0-2岁</a></em
                          ><em><a href="">3-6岁</a></em
                          ><em><a href="">7-10岁</a></em
                          ><em><a href="">11-14岁</a></em>
                        </dd>
                      </dl>
                      <dl class="fore10">
                        <dt>教育</dt>
                        <dd>
                          <em><a href="">教材教辅</a></em
                          ><em><a href="">考试</a></em
                          ><em><a href="">外语学习</a></em>
                        </dd>
                      </dl>
                      <dl class="fore11">
                        <dt>其它</dt>
                        <dd>
                          <em><a href="">英文原版书</a></em
                          ><em><a href="">港台图书</a></em
                          ><em><a href="">工具书</a></em
                          ><em><a href="">套装书</a></em
                          ><em><a href="">杂志/期刊</a></em>
                        </dd>
                      </dl>
                    </div>
                  </div>
                </div>
                <div class="item">
                  <h3><a href="">运动健康</a></h3>
                  <div class="item-list clearfix">
                    <div class="subitem">
                      <dl class="fore1">
                        <dt><a href="">电子书7</a></dt>
                        <dd>
                          <em><a href="">免费</a></em
                          ><em><a href="">小说</a></em
                          ><em><a href="">励志与成功</a></em
                          ><em><a href="">婚恋/两性</a></em
                          ><em><a href="">文学</a></em
                          ><em><a href="">经管</a></em
                          ><em><a href="">畅读VIP</a></em>
                        </dd>
                      </dl>
                      <dl class="fore2">
                        <dt><a href="">数字音乐</a></dt>
                        <dd>
                          <em><a href="">通俗流行</a></em
                          ><em><a href="">古典音乐</a></em
                          ><em><a href="">摇滚说唱</a></em
                          ><em><a href="">爵士蓝调</a></em
                          ><em><a href="">乡村民谣</a></em
                          ><em><a href="">有声读物</a></em>
                        </dd>
                      </dl>
                      <dl class="fore3">
                        <dt><a href="">音像</a></dt>
                        <dd>
                          <em><a href="">音乐</a></em
                          ><em><a href="">影视</a></em
                          ><em><a href="">教育音像</a></em
                          ><em><a href="">游戏</a></em>
                        </dd>
                      </dl>
                      <dl class="fore4">
                        <dt>文艺</dt>
                        <dd>
                          <em><a href="">小说</a></em
                          ><em><a href="">文学</a></em
                          ><em><a href="">青春文学</a></em
                          ><em><a href="">传记</a></em
                          ><em><a href="">艺术</a></em>
                        </dd>
                      </dl>
                    </div>
                    <div class="cat-right">
                      <dl
                        class="categorys-brands"
                        clstag="homepage|keycount|home2013|0601d"
                      >
                        <dt>推荐品牌出版商</dt>
                        <dd>
                          <ul>
                            <li>
                              <a href="">中华书局</a>
                            </li>
                            <li>
                              <a href="">人民邮电出版社</a>
                            </li>
                          </ul>
                        </dd>
                      </dl>
                    </div>
                  </div>
                </div>
                <div class="item">
                  <h3><a href="">汽车用品</a></h3>
                  <div class="item-list clearfix">
                    <div class="subitem">
                      <dl class="fore1">
                        <dt><a href="">电子书8</a></dt>
                        <dd>
                          <em><a href="">免费</a></em
                          ><em><a href="">小说</a></em
                          ><em><a href="">励志与成功</a></em
                          ><em><a href="">婚恋/两性</a></em
                          ><em><a href="">文学</a></em
                          ><em><a href="">经管</a></em
                          ><em><a href="">畅读VIP</a></em>
                        </dd>
                      </dl>
                      <dl class="fore2">
                        <dt><a href="">数字音乐</a></dt>
                        <dd>
                          <em><a href="">通俗流行</a></em
                          ><em><a href="">古典音乐</a></em
                          ><em><a href="">摇滚说唱</a></em
                          ><em><a href="">爵士蓝调</a></em
                          ><em><a href="">乡村民谣</a></em
                          ><em><a href="">有声读物</a></em>
                        </dd>
                      </dl>
                      <dl class="fore3">
                        <dt><a href="">音像</a></dt>
                        <dd>
                          <em><a href="">音乐</a></em
                          ><em><a href="">影视</a></em
                          ><em><a href="">教育音像</a></em
                          ><em><a href="">游戏</a></em>
                        </dd>
                      </dl>
                      <dl class="fore4">
                        <dt>文艺</dt>
                        <dd>
                          <em><a href="">小说</a></em
                          ><em><a href="">文学</a></em
                          ><em><a href="">青春文学</a></em
                          ><em><a href="">传记</a></em
                          ><em><a href="">艺术</a></em>
                        </dd>
                      </dl>
                      <dl class="fore5">
                        <dt>人文社科</dt>
                        <dd>
                          <em><a href="">历史</a></em
                          ><em><a href="">心理学</a></em
                          ><em><a href="">政治/军事</a></em
                          ><em><a href="">国学/古籍</a></em
                          ><em><a href="">哲学/宗教</a></em
                          ><em><a href="">社会科学</a></em>
                        </dd>
                      </dl>
                      <dl class="fore6">
                        <dt>经管励志</dt>
                        <dd>
                          <em><a href="">经济</a></em
                          ><em><a href="">金融与投资</a></em
                          ><em><a href="">管理</a></em
                          ><em><a href="">励志与成功</a></em>
                        </dd>
                      </dl>
                      <dl class="fore7">
                        <dt>生活</dt>
                        <dd>
                          <em><a href="">家庭与育儿</a></em
                          ><em><a href="">旅游/地图</a></em
                          ><em><a href="">烹饪/美食</a></em
                          ><em><a href="">时尚/美妆</a></em
                          ><em><a href="">家居</a></em
                          ><em><a href="">婚恋与两性</a></em
                          ><em><a href="">娱乐/休闲</a></em
                          ><em><a href="">健身与保健</a></em
                          ><em><a href="">动漫/幽默</a></em
                          ><em><a href="">体育/运动</a></em>
                        </dd>
                      </dl>
                      <dl class="fore8">
                        <dt>科技</dt>
                        <dd>
                          <em><a href="">科普</a></em
                          ><em><a href="">IT</a></em
                          ><em><a href="">建筑</a></em
                          ><em><a href="">医学</a></em
                          ><em><a href="">工业技术</a></em
                          ><em><a href="">电子/通信</a></em
                          ><em><a href="">农林</a></em
                          ><em><a href="">科学与自然</a></em>
                        </dd>
                      </dl>
                    </div>
                  </div>
                </div>
                <div class="item">
                  <h3><a href="">彩票、旅行</a></h3>
                </div>
                <div class="item">
                  <h3><a href="">理财、众筹</a></h3>
                </div>
                <div class="item">
                  <h3><a href="">母婴、玩具</a></h3>
                </div>
                <div class="item">
                  <h3><a href="">箱包</a></h3>
                </div>
                <div class="item">
                  <h3><a href="">运动户外</a></h3>
                </div>
                <div class="item">
                  <h3><a href="">箱包</a></h3>
                </div>
              </div>
            </div>
          </div>
          <div class="yui3-u Center navArea">
            <ul class="nav">
              <li class="f-item">服装城</li>
              <li class="f-item">美妆馆</li>
              <li class="f-item">青橙超市</li>
              <li class="f-item">全球购</li>
              <li class="f-item">闪购</li>
              <li class="f-item">团购</li>
              <li class="f-item">有趣</li>
              <li class="f-item">
                <a href="seckill-index.html" target="_blank">秒杀</a>
              </li>
            </ul>
          </div>
          <div class="yui3-u Right"></div>
        </div>
      </div>
    </div>
    <!--list-content-->
    <div class="main">
      <div class="py-container">
        <!--bread-->
        <div class="bread">
          <ul class="fl sui-breadcrumb">
            <li>
              <a href="#">全部结果</a>
            </li>
            <li class="active">智能手机</li>
          </ul>
          <ul class="fl sui-tag">
            <li class="with-x">iphone<i>×</i></li>
            <li class="with-x">华为<i>×</i></li>
            <li class="with-x">OPPO<i>×</i></li>
          </ul>
          <form class="fl sui-form form-dark">
            <div class="input-control control-right">
              <input type="text" />
              <i class="sui-icon icon-touch-magnifier"></i>
            </div>
          </form>
        </div>
        <!--selector-->
        <div class="clearfix selector">
          <div class="type-wrap">
            <div class="fl key">手机、数码、配件</div>
            <div class="fl value"></div>
            <div class="fl ext"></div>
          </div>
          <div class="type-wrap logo">
            <div class="fl key brand">品牌</div>
            <div class="value logos">
              <ul class="logo-list">
                <li>索尼（SONY）</li>
                <li>TCL</li>
                <li>长虹（CHANGHONG）</li>
                <li>飞利浦（PHILIPS）</li>
                <li>风行电视</li>
                <li><img src="img/_/phone06.png" /></li>
                <li><img src="img/_/phone07.png" /></li>
                <li><img src="img/_/phone08.png" /></li>
                <li><img src="img/_/phone09.png" /></li>
                <li><img src="img/_/phone10.png" /></li>
                <li><img src="img/_/phone11.png" /></li>
                <li><img src="img/_/phone12.png" /></li>
                <li><img src="img/_/phone12.png" /></li>
                <li><img src="img/_/phone14.png" /></li>
                <li><img src="img/_/phone01.png" /></li>
                <li><img src="img/_/phone06.png" /></li>
                <li><img src="img/_/phone07.png" /></li>
                <li><img src="img/_/phone02.png" /></li>
              </ul>
            </div>
            <div class="ext">
              <a href="javascript:void(0);" class="sui-btn">多选</a>
              <a href="javascript:void(0);">更多</a>
            </div>
          </div>
          <div class="type-wrap">
            <div class="fl key">网络制式</div>
            <div class="fl value">
              <ul class="type-list">
                <li>
                  <a>GSM（移动/联通2G）</a>
                </li>
                <li>
                  <a>电信2G</a>
                </li>
                <li>
                  <a>电信3G</a>
                </li>
                <li>
                  <a>移动3G</a>
                </li>
                <li>
                  <a>联通3G</a>
                </li>
                <li>
                  <a>联通4G</a>
                </li>
                <li>
                  <a>电信3G</a>
                </li>
                <li>
                  <a>移动3G</a>
                </li>
                <li>
                  <a>联通3G</a>
                </li>
                <li>
                  <a>联通4G</a>
                </li>
              </ul>
            </div>
            <div class="fl ext"></div>
          </div>
          <div class="type-wrap">
            <div class="fl key">显示屏尺寸</div>
            <div class="fl value">
              <ul class="type-list">
                <li>
                  <a>4.0-4.9英寸</a>
                </li>
                <li>
                  <a>4.0-4.9英寸</a>
                </li>
              </ul>
            </div>
            <div class="fl ext"></div>
          </div>
          <div class="type-wrap">
            <div class="fl key">摄像头像素</div>
            <div class="fl value">
              <ul class="type-list">
                <li>
                  <a>1200万以上</a>
                </li>
                <li>
                  <a>800-1199万</a>
                </li>
                <li>
                  <a>1200-1599万</a>
                </li>
                <li>
                  <a>1600万以上</a>
                </li>
                <li>
                  <a>无摄像头</a>
                </li>
              </ul>
            </div>
            <div class="fl ext"></div>
          </div>
          <div class="type-wrap">
            <div class="fl key">价格</div>
            <div class="fl value">
              <ul class="type-list">
                <li>
                  <a>0-500元</a>
                </li>
                <li>
                  <a>500-1000元</a>
                </li>
                <li>
                  <a>1000-1500元</a>
                </li>
                <li>
                  <a>1500-2000元</a>
                </li>
                <li>
                  <a>2000-3000元 </a>
                </li>
                <li>
                  <a>3000元以上</a>
                </li>
              </ul>
            </div>
            <div class="fl ext"></div>
          </div>
          <div class="type-wrap">
            <div class="fl key">更多筛选项</div>
            <div class="fl value">
              <ul class="type-list">
                <li>
                  <a>特点</a>
                </li>
                <li>
                  <a>系统</a>
                </li>
                <li>
                  <a>手机内存 </a>
                </li>
                <li>
                  <a>单卡双卡</a>
                </li>
                <li>
                  <a>其他</a>
                </li>
              </ul>
            </div>
            <div class="fl ext"></div>
          </div>
        </div>
        <!--details-->
        <div class="details">
          <div class="sui-navbar">
            <div class="navbar-inner filter">
              <ul class="sui-nav">
                <li class="active">
                  <a href="#">综合</a>
                </li>
                <li>
                  <a href="#">销量</a>
                </li>
                <li>
                  <a href="#">新品</a>
                </li>
                <li>
                  <a href="#">评价</a>
                </li>
                <li>
                  <a href="#">价格</a>
                </li>
              </ul>
            </div>
          </div>
          <div class="goods-list">
            <ul class="yui3-g">
              <li class="yui3-u-1-5">
                <div class="list-wrap">
                  <div class="p-img" @click="goItem()">
                    <img src="img/_/mobile01.png"
                    />
                  </div>
                  <div class="price">
                    <strong>
                      <em>¥</em>
                      <i>6088.00</i>
                    </strong>
                  </div>
                  <div class="attr">
                    <a
                      target="_blank"
                      href="item.html"
                      title="促销信息，下单即赠送三个月CIBN视频会员卡！【小米电视新品4A 58 火爆预约中】"
                      >Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s
                      (A1699)Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s
                      (A1699)</a
                    >
                  </div>
                  <div class="commit">
                    <i class="command">已有<span>2000</span>人评价</i>
                  </div>
                  <div class="operate">
                    <a
                      href="success-cart.html"
                      target="_blank"
                      class="sui-btn btn-bordered btn-danger"
                      >加入购物车</a
                    >
                    <a href="javascript:void(0);" class="sui-btn btn-bordered"
                      >收藏</a
                    >
                  </div>
                </div>
              </li>
              <li class="yui3-u-1-5">
                <div class="list-wrap">
                  <div class="p-img">
                    <img src="img/_/mobile02.png" />
                  </div>
                  <div class="price">
                    <strong>
                      <em>¥</em>
                      <i>6088.00</i>
                    </strong>
                  </div>
                  <div class="attr">
                    <a
                      target="_blank"
                      href="item.html"
                      title="促销信息，下单即赠送三个月CIBN视频会员卡！【小米电视新品4A 58 火爆预约中】"
                      >Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s
                      (A1699)Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s
                      (A1699)</a
                    >
                  </div>
                  <div class="commit">
                    <i class="command">已有<span>2000</span>人评价</i>
                  </div>
                  <div class="operate">
                    <a
                      href="success-cart.html"
                      target="_blank"
                      class="sui-btn btn-bordered btn-danger"
                      >加入购物车</a
                    >
                    <a href="javascript:void(0);" class="sui-btn btn-bordered"
                      >收藏</a
                    >
                  </div>
                </div>
              </li>
              <li class="yui3-u-1-5">
                <div class="list-wrap">
                  <div class="p-img">
                    <img src="img/_/mobile03.png" />
                  </div>
                  <div class="price">
                    <strong>
                      <em>¥</em>
                      <i>6088.00</i>
                    </strong>
                  </div>
                  <div class="attr">
                    <a
                      target="_blank"
                      href="item.html"
                      title="促销信息，下单即赠送三个月CIBN视频会员卡！【小米电视新品4A 58 火爆预约中】"
                      >Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s
                      (A1699)Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s
                      (A1699)</a
                    >
                  </div>
                  <div class="commit">
                    <i class="command">已有<span>2000</span>人评价</i>
                  </div>
                  <div class="operate">
                    <a
                      href="success-cart.html"
                      target="_blank"
                      class="sui-btn btn-bordered btn-danger"
                      >加入购物车</a
                    >
                    <a href="javascript:void(0);" class="sui-btn btn-bordered"
                      >收藏</a
                    >
                  </div>
                </div>
              </li>
              <li class="yui3-u-1-5">
                <div class="list-wrap">
                  <div class="p-img">
                    <img src="img/_/mobile04.png" />
                  </div>
                  <div class="price">
                    <strong>
                      <em>¥</em>
                      <i>6088.00</i>
                    </strong>
                  </div>
                  <div class="attr">
                    <a
                      target="_blank"
                      href="item.html"
                      title="促销信息，下单即赠送三个月CIBN视频会员卡！【小米电视新品4A 58 火爆预约中】"
                      >Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s
                      (A1699)Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s
                      (A1699)</a
                    >
                  </div>
                  <div class="commit">
                    <i class="command">已有<span>2000</span>人评价</i>
                  </div>
                  <div class="operate">
                    <a
                      href="success-cart.html"
                      target="_blank"
                      class="sui-btn btn-bordered btn-danger"
                      >加入购物车</a
                    >
                    <a href="javascript:void(0);" class="sui-btn btn-bordered"
                      >收藏</a
                    >
                  </div>
                </div>
              </li>
              <li class="yui3-u-1-5">
                <div class="list-wrap">
                  <div class="p-img">
                    <img src="img/_/mobile05.png" />
                  </div>
                  <div class="price">
                    <strong>
                      <em>¥</em>
                      <i>6088.00</i>
                    </strong>
                  </div>
                  <div class="attr">
                    <a
                      target="_blank"
                      href="item.html"
                      title="促销信息，下单即赠送三个月CIBN视频会员卡！【小米电视新品4A 58 火爆预约中】"
                      >Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s
                      (A1699)Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s
                      (A1699)</a
                    >
                  </div>
                  <div class="commit">
                    <i class="command">已有<span>2000</span>人评价</i>
                  </div>
                  <div class="operate">
                    <a
                      href="success-cart.html"
                      target="_blank"
                      class="sui-btn btn-bordered btn-danger"
                      >加入购物车</a
                    >
                    <a href="javascript:void(0);" class="sui-btn btn-bordered"
                      >收藏</a
                    >
                  </div>
                </div>
              </li>
              <li class="yui3-u-1-5">
                <div class="list-wrap">
                  <div class="p-img">
                    <img src="img/_/mobile06.png" />
                  </div>
                  <div class="price">
                    <strong>
                      <em>¥</em>
                      <i>6088.00</i>
                    </strong>
                  </div>
                  <div class="attr">
                    <a
                      target="_blank"
                      href="item.html"
                      title="促销信息，下单即赠送三个月CIBN视频会员卡！【小米电视新品4A 58 火爆预约中】"
                      >Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s
                      (A1699)Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s
                      (A1699)</a
                    >
                  </div>
                  <div class="commit">
                    <i class="command">已有<span>2000</span>人评价</i>
                  </div>
                  <div class="operate">
                    <a
                      href="success-cart.html"
                      target="_blank"
                      class="sui-btn btn-bordered btn-danger"
                      >加入购物车</a
                    >
                    <a href="javascript:void(0);" class="sui-btn btn-bordered"
                      >收藏</a
                    >
                  </div>
                </div>
              </li>
              <li class="yui3-u-1-5">
                <div class="list-wrap">
                  <div class="p-img">
                    <img src="img/_/mobile01.png" />
                  </div>
                  <div class="price">
                    <strong>
                      <em>¥</em>
                      <i>6088.00</i>
                    </strong>
                  </div>
                  <div class="attr">
                    <a
                      target="_blank"
                      href="item.html"
                      title="促销信息，下单即赠送三个月CIBN视频会员卡！【小米电视新品4A 58 火爆预约中】"
                      >Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s
                      (A1699)Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s
                      (A1699)</a
                    >
                  </div>
                  <div class="commit">
                    <i class="command">已有<span>2000</span>人评价</i>
                  </div>
                  <div class="operate">
                    <a
                      href="success-cart.html"
                      target="_blank"
                      class="sui-btn btn-bordered btn-danger"
                      >加入购物车</a
                    >
                    <a href="javascript:void(0);" class="sui-btn btn-bordered"
                      >收藏</a
                    >
                  </div>
                </div>
              </li>
              <li class="yui3-u-1-5">
                <div class="list-wrap">
                  <div class="p-img">
                    <img src="img/_/mobile02.png" />
                  </div>
                  <div class="price">
                    <strong>
                      <em>¥</em>
                      <i>6088.00</i>
                    </strong>
                  </div>
                  <div class="attr">
                    <a
                      target="_blank"
                      href="item.html"
                      title="促销信息，下单即赠送三个月CIBN视频会员卡！【小米电视新品4A 58 火爆预约中】"
                      >Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s
                      (A1699)Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s
                      (A1699)</a
                    >
                  </div>
                  <div class="commit">
                    <i class="command">已有<span>2000</span>人评价</i>
                  </div>
                  <div class="operate">
                    <a
                      href="success-cart.html"
                      target="_blank"
                      class="sui-btn btn-bordered btn-danger"
                      >加入购物车</a
                    >
                    <a href="javascript:void(0);" class="sui-btn btn-bordered"
                      >收藏</a
                    >
                  </div>
                </div>
              </li>
              <li class="yui3-u-1-5">
                <div class="list-wrap">
                  <div class="p-img">
                    <img src="img/_/mobile03.png" />
                  </div>
                  <div class="price">
                    <strong>
                      <em>¥</em>
                      <i>6088.00</i>
                    </strong>
                  </div>
                  <div class="attr">
                    <a
                      target="_blank"
                      href="item.html"
                      title="促销信息，下单即赠送三个月CIBN视频会员卡！【小米电视新品4A 58 火爆预约中】"
                      >Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s
                      (A1699)Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s
                      (A1699)</a
                    >
                  </div>
                  <div class="commit">
                    <i class="command">已有<span>2000</span>人评价</i>
                  </div>
                  <div class="operate">
                    <a
                      href="success-cart.html"
                      target="_blank"
                      class="sui-btn btn-bordered btn-danger"
                      >加入购物车</a
                    >
                    <a href="javascript:void(0);" class="sui-btn btn-bordered"
                      >收藏</a
                    >
                  </div>
                </div>
              </li>
              <li class="yui3-u-1-5">
                <div class="list-wrap">
                  <div class="p-img">
                    <img src="img/_/mobile04.png" />
                  </div>
                  <div class="price">
                    <strong>
                      <em>¥</em>
                      <i>6088.00</i>
                    </strong>
                  </div>
                  <div class="attr">
                    <a
                      target="_blank"
                      href="item.html"
                      title="促销信息，下单即赠送三个月CIBN视频会员卡！【小米电视新品4A 58 火爆预约中】"
                      >Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s
                      (A1699)Apple苹果iPhone 6s (A1699)Apple苹果iPhone 6s
                      (A1699)</a
                    >
                  </div>
                  <div class="commit">
                    <i class="command">已有<span>2000</span>人评价</i>
                  </div>
                  <div class="operate">
                    <a
                      href="success-cart.html"
                      target="_blank"
                      class="sui-btn btn-bordered btn-danger"
                      >加入购物车</a
                    >
                    <a href="javascript:void(0);" class="sui-btn btn-bordered"
                      >收藏</a
                    >
                  </div>
                </div>
              </li>
            </ul>
          </div>
          <div class="fr page">
            <div class="sui-pagination pagination-large">
              <ul>
                <li class="prev disabled">
                  <a href="#">«上一页</a>
                </li>
                <li class="active">
                  <a href="#">1</a>
                </li>
                <li>
                  <a href="#">2</a>
                </li>
                <li>
                  <a href="#">3</a>
                </li>
                <li>
                  <a href="#">4</a>
                </li>
                <li>
                  <a href="#">5</a>
                </li>
                <li class="dotted"><span>...</span></li>
                <li class="next">
                  <a href="#">下一页»</a>
                </li>
              </ul>
              <div>
                <span>共10页&nbsp;</span
                ><span>
                  到第
                  <input type="text" class="page-num" />
                  页
                  <button class="page-confirm" onclick="alert(1)">
                    确定
                  </button></span
                >
              </div>
            </div>
          </div>
        </div>
        <!--hotsale-->
        <div class="clearfix hot-sale">
          <h4 class="title">热卖商品</h4>
          <div class="hot-list">
            <ul class="yui3-g">
              <li class="yui3-u-1-4">
                <div class="list-wrap">
                  <div class="p-img">
                    <img src="img/like_01.png" />
                  </div>
                  <div class="attr">
                    <em>Apple苹果iPhone 6s (A1699)</em>
                  </div>
                  <div class="price">
                    <strong>
                      <em>¥</em>
                      <i>4088.00</i>
                    </strong>
                  </div>
                  <div class="commit">
                    <i class="command">已有700人评价</i>
                  </div>
                </div>
              </li>
              <li class="yui3-u-1-4">
                <div class="list-wrap">
                  <div class="p-img">
                    <img src="img/like_03.png" />
                  </div>
                  <div class="attr">
                    <em>金属A面，360°翻转，APP下单省300！</em>
                  </div>
                  <div class="price">
                    <strong>
                      <em>¥</em>
                      <i>4088.00</i>
                    </strong>
                  </div>
                  <div class="commit">
                    <i class="command">已有700人评价</i>
                  </div>
                </div>
              </li>
              <li class="yui3-u-1-4">
                <div class="list-wrap">
                  <div class="p-img">
                    <img src="img/like_04.png" />
                  </div>
                  <div class="attr">
                    <em>256SSD商务大咖，完爆职场，APP下单立减200</em>
                  </div>
                  <div class="price">
                    <strong>
                      <em>¥</em>
                      <i>4068.00</i>
                    </strong>
                  </div>
                  <div class="commit">
                    <i class="command">已有20人评价</i>
                  </div>
                </div>
              </li>
              <li class="yui3-u-1-4">
                <div class="list-wrap">
                  <div class="p-img">
                    <img src="img/like_02.png" />
                  </div>
                  <div class="attr">
                    <em>Apple苹果iPhone 6s (A1699)</em>
                  </div>
                  <div class="price">
                    <strong>
                      <em>¥</em>
                      <i>4088.00</i>
                    </strong>
                  </div>
                  <div class="commit">
                    <i class="command">已有700人评价</i>
                  </div>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  methods: {
    goItem () {
      this.$router.push('/item')
    }
  }
}
</script>
<style lang="less" scoped>
.search {
  .sort {
    display: none !important;
  }
}
</style>
